<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css努力尝试阶段</title>
    <style>
        #zui{
	        width: 480px;
	        height: 480px;
            padding: 20px;
	        margin: 50px auto;
	        background-color: #b9ada1;
	        border-radius:10px;
	        position: relative;
            margin-top: 200px;

        }
        .grid{
	        width: 100px;
	        height: 100px;
	        margin: 10px;
	        border-radius: 1px;
	        background-color: #cbc1b5;
            text-align: center;
            line-height: 100px;
            font-size:250%;
	        position: relative;
            float: left;
        }
        #a{
            background-color: #ebe0cc;  
        }
        #n{
            background-color: #ebe0cc;  
        }
    </style>
<div id="zui">
<div class="grid" id="a">2</div>
<div class="grid" id="b"></div>
<div class="grid" id="c"></div>
<div class="grid" id="d"></div>
<div class="grid" id="e"></div>
<div class="grid" id="f"></div>
<div class="grid" id="g"></div>
<div class="grid" id="h"></div>
<div class="grid" id="i"></div>
<div class="grid" id="j"></div>
<div class="grid" id="k"></div>
<div class="grid" id="l"></div>
<div class="grid" id="m"></div>
<div class="grid" id="n">2</div>
<div class="grid" id="o"></div>
<div class="grid" id="p"></div>
</div>
</body>